<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Vue-Router基本使用</h1>
      <div>
        <h2>在router文件中的index.js文件</h2>
        <p>在router文件中的index.js中导入vue和vue-router</p>
        <p>通过Vue.use(VueRouter)进行注册</p>
        <p>插创建路由对象 const router = new VueRouter({router})</p>
        <p>配置路由规则 const router = [{},{},{}]</p>
      </div>
      <div>
        <h2>在main.js文件中</h2>
        <p>导入之前导出的路由对象</p>
        <p>在创建vue实例的时候注册router对象</p>
      </div>
      <div>
        <h2>在app.vue文件中</h2>
        <p>使用router-view作为占位符</p>
      </div>
      <div>
        <p>为什么要在vue实例中注册</p>
        <p>因为会在vue实例中创建注入$router和$route两个属性方法</p>
      </div>
    </div>
    <script></script>
  </body>
</html>
